<template>
    <el-card shadow="never" style="max-height: 700px; overflow: auto">
        <el-form ref="form" :model="form" :rules="rules" label-width="90px" :disabled="disabled">
            <el-form-item label="id:" prop="id" v-show="false">
                <el-input v-model="form.id" disabled />
            </el-form-item>
            <el-form-item label="店铺名称:" prop="site_name">
                <el-input v-model="form.site_name" disabled></el-input>
            </el-form-item>
            <el-form-item label="开始时间:" prop="post_start_time">
                <el-date-picker v-model="form.post_start_time" type="date" value-format="yyyy-MM-dd HH:mm:ss" disabled/>
            </el-form-item>
            <el-form-item label="结束时间:" prop="post_end_time">
                <el-date-picker v-model="form.post_end_time" type="date" value-format="yyyy-MM-dd HH:mm:ss" disabled/>
            </el-form-item>
            <el-form-item>
                <!-- <el-button type="primary" @click="submitForm">确认 </el-button> -->
                <el-button type="warning" @click="cancel">返回 </el-button>
            </el-form-item>
        </el-form>
    </el-card>
</template>

<script>
export default {
name: 'EditForm',
props: {
    findFormData: {
        type: Object,
        default: {}
    },
    editFormParams: {
        type: Object,
        default: {}
    },
    // 表单是否禁用
    disabled: {
        type: Boolean,
        default: false,
    },
    
},
data() {
    return {
        sku_list:[],
        // 编辑表单验证规则
        rules: {
            sku: [{ required: true, message: "请输入sku", trigger: "blur" }],
            count: [{ required: true, message: "请输入数量", trigger: "blur" }],
            product_id: [{ required: true, message: "请输入商品id", trigger: "blur" }],
            sku_id: [{ required: true, message: "请输入商品id", trigger: "blur" }],
    
        },
        form: {  },
      

    }
},
watch: {
    findFormData: {
        handler(nval) {
            if (JSON.stringify(nval) != '{}') {
                this.$nextTick(() => {
                    this.form = nval,
                    this.sku_list = nval
                })
            }
        },
        immediate: true,
        deep: false,
    },
    
},
methods: {
    // 取消按钮
    cancel() {
        this.$emit('editFormCancel')
    },

    submitForm() {
        this.$refs['form'].validate((valid, obj) => {
            if (valid) {
                this.$emit('submitForm', this.form)
            }
        })
    },

    // 表单重置
    reset() {
        this.resetForm('form')
    }
}
}
</script>
